<template>
  <div>
    <ul class="mui-table-view">
		<li class="mui-table-view-cell mui-media" v-for="item in newslist" :key="item.id" >
			<router-link :to="'/home/newsInfo/'+ item.id">
				<img class="mui-media-object mui-pull-left" :src="item.img_url">
				<div class="mui-media-body">
				    <h1 class="h1-title">{{item.title}}</h1>    
				    <p class='mui-ellipsis'>
                        <span>发表时间：{{item.add_time | dateFormat}}</span>
                        <span>点击{{item.click}} 次</span>
                    </p>
				</div>
			</router-link>
		</li>
				 
	</ul>
  </div>
</template>

<script>
import {Toast} from 'mint-ui'
export default {
  data(){
      return{
           newslist:[]//新闻列表数组
      }
  },
  created(){
       this.getnewslist()

  },
  methods:{
      getnewslist(){//获取新闻列表
        this.$http.get("api/getnewslist").then(result =>{
          //console.log(result.body.message)
          if(result.body.status===0){
              this.newslist=result.body.message
          }else{
              Toast("新闻列表获取失败")
          }
          
        })

      },
  }
}
</script>


<style lang="less" scoped>
.mui-media-body{
    h1{
        font-size: 12px;
       
    }
    p{
        font-size: 12px;
        color:deepskyblue;
        display: flex;
        justify-content: space-between;
    }
}
</style>
